<div id="templatmeo_content">
    <div id="latest_product_gallery">
        <link rel="stylesheet" type="text/css" href="css/layout.css" />
        <link rel="stylesheet" type="text/css" href="css/style6.css" />
        <script language="javascript" type="text/javascript" src="js/jquery.js"></script>
        <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
        <script language="javascript" type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript">
            $(document).ready( function(){	
                var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
                    next:$('#lofslidecontent45 .lof-next') };
						
                $obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
                    direction		: 'opacity',	
                    easing			: 'easeOutBounce',
                    duration		: 1200,
                    auto		 	: true,
                    mainWidth:900,
                    buttons			: buttons} );	
            });
        </script>
        <div id="lofslidecontent45" class="lof-slidecontent" style="width:650px; height: 250px">
            <div class="preload"></div>
            <!-- MAIN CONTENT --> 
            <div class="lof-main-outer" style="width:650px;">
                <div onclick="return false" href="" class="lof-previous">Previous</div>
                <ul class="lof-main-wapper">
                    <li>
                        <img width="650px" height="250px" src="images/banner 1.gif" title="Newsflash 2" >           
                    </li> 
                    <li>
                        <img width="650px" height="250px" src="images/banner 2.jpg" title="Newsflash 2" >           
                    </li> 
                    <li>
                        <img width="650px" height="250px" src="images/banner 3.jpg" title="Newsflash 1" >           
                    </li> 
                    <li>
                        <img width="650px" height="250px" src="images/banner 4.png" title="Newsflash 3" >           
                    </li> 
                    <li>
                        <img width="650px" height="250px" src="images/banner 2.ipg" title="Newsflash 5" >
                    </li>
                    <li>
                        <img width="650px" height="250px" src="images/banner 4.png" title="Newsflash 2" >            
                    </li> 
                     
                    <li>
                        <img width="650px" height="250px" src="images/banner 3.jpg" title="Newsflash 8" >            
                    </li> 
                </ul>  	
                <div onclick="return false" href="" class="lof-next">Next</div>
            </div>
        </div> 
    </div>
</div>
</div>
</div><!-- end of latest_content_gallery -->
